function removeLoadingLayer() {
    var loadingWrapper = document.getElementById('snap-sync-loading-wrapper');
    if (loadingWrapper !== null && loadingWrapper !== 'undefined') document.body.removeChild(loadingWrapper);
    document.body.style.removeProperty("overflow");
};

(function () {

    var spt = document.getElementById("spm_page_type");

    if (!spt) {
        return false;
    }

    var hosting;
    var solutiontype = spt.getAttribute('sf-solution');
    var devicetype = spt.getAttribute('sf-device');
    var joinurl = spt.getAttribute('sf-join-url');

    hosting = (solutiontype) ? solutiontype : "";
    if (solutiontype == "cafeapi") hosting = "cafe24";
    hosting = (hosting) ? hosting.toUpperCase() : "";

    var spm_k_common_config;
    if (typeof spm_k_common_install === 'undefined') {
        switch (solutiontype) {
            case 'cafe24':
                spm_k_common_config = {
                    "mobile": {
                        "sf-join-url": "/member/agreement.html",
                        "/member/login.html": "sq_login_page",
                        "/member/join.html": "sq_join_page",
                        "/member/agreement.html": "sq_join_first_page"
                    },
                    "pc": {
                        "sf-join-url": "/member/agreement.html",
                        "/member/login.html": "sq_login_page",
                        "/member/join.html": "sq_join_page",
                        "/member/agreement.html": "sq_join_first_page"
                    }
                };
                break;
            case 'makeshop':
                spm_k_common_config = {
                    "mobile": {
                        "sf-join-url": "/m/join_contract.html",
                        "/m/login.html": "sq_login_page",
                        "/m/join_contract.html": "sq_join_page"
                    },
                    "pc": {
                        "sf-join-url": "/shop/idinfo.html",
                        "/shop/member.html": "sq_login_page",
                        "/shop/confirm_login.html": "sq_login_page",
                        "/shop/idinfo.html": "sq_join_page"
                    }
                }
                break;
        }
    } else {
        spm_k_common_config = spm_k_common_install;
    }

    var pageConfig = spm_k_common_config[devicetype];
    var setPageType = spm_k_common_config[devicetype][window.location.pathname];
    if (!setPageType) {
        setPageType = '';
    }
    if (spt.innerText == '') {
        spt.innerText = setPageType;
    }
    if (joinurl == '') {
        spt.setAttribute('sf-join-url', spm_k_common_config[devicetype]['sf-join-url']);
    }

    var syncActiveFlag = true;
    if (
        solutiontype == 'makeshop' && (
            document.getElementById('id') != null
            || document.getElementById('hname') != null
        )
    ) {
        syncActiveFlag = false;
    }

    if (
        hosting && spm_k_common_config[devicetype][window.location.pathname]
        && syncActiveFlag
    ) {
        let use_f_common = false;
        var loadStyleTag = document.createElement("style");
        loadStyleTag.innerHTML += '#snap-sync-loading-wrapper {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; z-index: 100000;}';
        loadStyleTag.innerHTML += '#snap-sync-loading-container {display: inline-block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}';
        loadStyleTag.innerHTML += '.snap-sync-loader,#snap-sync-loader:after {border-radius: 50%; width: 2em; height: 2em;}';
        loadStyleTag.innerHTML += '.snap-sync-loader {font-size: 10px; position: relative; text-indent: -9999em; border-top: 0.5em solid rgba(156, 176, 221, 0.2); border-right: 0.5em solid rgba(156, 176, 221, 0.2); border-bottom: 0.5em solid rgba(156, 176, 221, 0.2); border-left: 0.5em solid #fee500; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation: snapLoading 1.1s infinite linear; animation: snapLoading 1.1s infinite linear;}';
        loadStyleTag.innerHTML += '@-webkit-keyframes snapLoading { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);} }';
        loadStyleTag.innerHTML += '@keyframes snapLoading { 0% {-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg); transform: rotate(360deg);}';
        document.head.appendChild(loadStyleTag);

        var loadingWrapper = document.createElement("div");
        loadingWrapper.setAttribute("id", "snap-sync-loading-wrapper");
        loadingWrapper.innerHTML = '<div id="snap-sync-loading-container"><div class="snap-sync-loader"></div></div>';
        //document.body.appendChild(loadingWrapper);
        document.querySelector('body').insertBefore(loadingWrapper, document.querySelector('body').firstChild);
        document.body.style.overflow = "hidden";
        setTimeout(() => {
            if (typeof PUSH_KAKAO_SYNC_DATA != 'undefined') {
                use_f_common = true;
            }

            if (!use_f_common) {
                removeLoadingLayer();
            }
        }, 5000);
    } else {
        spt.remove();
    }
})();